﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Feedback.aspx.cs" Inherits="Chapter2.Feedback" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function configureRange() {
            var range = document.getElementById("Range");
            range.min = 0;
            range.max = 200;
            range.step = 1;
            updateRangeValue();
        }

        function updateRangeValue() {
            document.getElementById("lblRangeValue").value = document.getElementById("Range").value;
        }
    </script>
</head>
<body onload="configureRange()">
    <form id="form1" runat="server">
        <div>
            <fieldset>
                <legend>FeedBack Form</legend>
                <ol>
                    <li>
                        <asp:Label ID="lblUrl" runat="server" AssociatedControlID="URL"> Default Home Page</asp:Label>
                        <asp:TextBox runat="server" ID="URL" TextMode="Url"></asp:TextBox>
                    </li>
                    <li>
                        <asp:Label ID="lblOptions" runat="server" AssociatedControlID="Options"> Default Browser</asp:Label>
                        <asp:DropDownList ID="Options" runat="server">
                            <asp:ListItem Text="Internet Explorer" Value="1"></asp:ListItem>
                            <asp:ListItem Text="Google Chrome" Value="2"></asp:ListItem>
                            <asp:ListItem Text="Firefox" Value="3"></asp:ListItem>
                            <asp:ListItem Text="Opera" Value="4"></asp:ListItem>
                        </asp:DropDownList>
                    </li>
                    <li>
                        <asp:Label ID="lblBirthday" runat="server" AssociatedControlID="Birthday">Birthday</asp:Label>
                        <asp:TextBox ID="Birthday" runat="server" TextMode="Date"></asp:TextBox>
                    </li>
                    <li>
                        <asp:Label ID="lblMonth" runat="server" AssociatedControlID="Month">Favorite Month</asp:Label>
                        <asp:TextBox ID="Month" runat="server" TextMode="Month"></asp:TextBox>
                    </li>
                    <li>
                        <asp:Label ID="lblWeek" runat="server" AssociatedControlID="Week">Busiest Week</asp:Label>
                        <asp:TextBox ID="Week" runat="server" TextMode="Week"></asp:TextBox>
                    </li>
                    <li>
                        <asp:Label ID="lblStart" runat="server" AssociatedControlID="Start">Start Date/Time</asp:Label>
                        <asp:TextBox ID="Start" runat="server" TextMode="DateTimeLocal"></asp:TextBox>
                    </li>
                    <li>
                        <asp:Label ID="lblTime" runat="server" AssociatedControlID="Time">Current Time</asp:Label>
                        <asp:TextBox ID="Time" runat="server" TextMode="Time"></asp:TextBox>
                    </li>
                    <li>
                        <asp:Label ID="lblPhone" runat="server" AssociatedControlID="Phone">Phone</asp:Label>
                        <asp:TextBox ID="Phone" runat="server" TextMode="Phone"></asp:TextBox>
                    </li>
                    <li>
                        <asp:Label ID="lblRange" runat="server" AssociatedControlID="Range">Overall Satisfaction</asp:Label>
                        <asp:TextBox ID="Range" runat="server" TextMode="Range"></asp:TextBox> <asp:TextBox ID="lblRangeValue" runat="server"></asp:TextBox>
                        <br />
                        <input name="RangeHTML" type="range" id="RangeHTML" min="0" max="20" step="2" />
                    </li>
                    <li>
                        <asp:Label ID="lblColor" runat="server" AssociatedControlID="Color">Preferred Color</asp:Label>
                        <asp:TextBox ID="Color" runat="server" TextMode="Color"></asp:TextBox>
                    </li>
                    <li>
                        <asp:Label ID="lblScore" runat="server" AssociatedControlID="Score">Overall Rating</asp:Label>
                        <asp:TextBox ID="Score" runat="server" MaxLength="1" TextMode="Number"></asp:TextBox>
                    </li>
                    <li>
                        <asp:Label ID="lblComment" runat="server" AssociatedControlID="Multi">Comments</asp:Label>
                        <asp:TextBox ID="Multi" runat="server" MaxLength="1" TextMode="MultiLine" Rows="5" Columns="30"></asp:TextBox>
                    </li>
                </ol>
                <asp:Button runat="server" ID="Submit" Text="Submit" Width="60" OnClick="Submit_Click" />
            </fieldset>
        </div>
    </form>
</body>
</html>
